import React from 'react'
import Svg, { Path } from 'react-native-svg'
import { Animated } from 'react-native'
import { IconsProps } from './'
const AnimatedPath = Animated.createAnimatedComponent(Path)

export const OneLeftIcon = (props: IconsProps) => {
  const { color = '#1890ff', size = 18 } = props
  return (
    <Svg height={size} width={size} viewBox={`0 0 13 13`} fill="none">
      <AnimatedPath
        fill={color}
        d="M8.484375,2.55820313 L8.484375,1.65234375 C8.484375,1.57382813 8.39414062,1.53046875 8.33320313,1.57851562 L3.05039063,5.7046875 C2.85820313,5.8546875 2.85820313,6.14414063 3.05039063,6.29414063 L8.33320313,10.4203125 C8.3953125,10.4683594 8.484375,10.425 8.484375,10.3464844 L8.484375,9.440625 C8.484375,9.38320313 8.45742188,9.328125 8.41289062,9.29296875 L4.19414062,6 L8.41289062,2.70585938 C8.45742187,2.67070313 8.484375,2.615625 8.484375,2.55820313 Z"
      />
    </Svg>
  )
}

export const TwoLeftIcon = (props: IconsProps) => {
  const { color = '#1890ff', size = 18 } = props
  return (
    <Svg height={size} width={size} viewBox={`0 0  13 13`} fill="none">
      <AnimatedPath
        fill={color}
        d="M3.19804687,6 L6.30820312,2.02617188 C6.35625,1.96523438 6.31289062,1.875 6.234375,1.875 L5.32851562,1.875 C5.27109375,1.875 5.21601562,1.90195313 5.18085937,1.94648437 L2.1890625,5.76914063 C2.08242187,5.90507813 2.08242187,6.09609375 2.1890625,6.23203125 L5.18085937,10.0535156 C5.21601562,10.0992188 5.27109375,10.125 5.32851562,10.125 L6.234375,10.125 C6.31289062,10.125 6.35625,10.0347656 6.30820312,9.97382813 L3.19804687,6 Z M6.76054688,6 L9.87070313,2.02617188 C9.91875,1.96523438 9.87539062,1.875 9.796875,1.875 L8.89101563,1.875 C8.83359375,1.875 8.77851563,1.90195313 8.74335938,1.94648437 L5.7515625,5.76914063 C5.64492188,5.90507813 5.64492188,6.09609375 5.7515625,6.23203125 L8.74335938,10.0535156 C8.77851563,10.0992188 8.83359375,10.125 8.89101563,10.125 L9.796875,10.125 C9.87539063,10.125 9.91875,10.0347656 9.87070313,9.97382813 L6.76054688,6 Z"
      />
    </Svg>
  )
}
